<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>科幻主题动画展示效果</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="general_anime">
			<div class="content">
				<div class="box_tip">
					<h1>01</h1>
				</div>
				<div class="content_textbox textbox1">
					<div class="textbox_left">
						<h4>一号标题</h4>
						<p>标题相关注释</p>
					</div>
					<div class="textbox_right">
						<div>01</div>
					</div>
				</div>
				<div class="content_textbox textbox2">
					<div class="textbox_left">
						<h4>二号标题</h4>
						<p>标题注释</p>
					</div>
					<div class="textbox_right">
						<div>02</div>
					</div>
				</div>
				<div class="content_textbox textbox3">
					<div class="textbox_left">
						<h4>三号标题</h4>
						<p>标题相关注释</p>
					</div>
					<div class="textbox_right">
						<div>03</div>
					</div>
				</div>
				<div class="content_textbox textbox4">
					<div class="textbox_left">
						<h4>四号标题</h4>
						<p>标题注释</p>
					</div>
					<div class="textbox_right">
						<div>04</div>
					</div>
				</div>
				<div class="content_textbox textbox5">
					<div class="textbox_left">
						<h4>五号标题</h4>
						<p>标题相关注释</p>
					</div>
					<div class="textbox_right">
						<div>05</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="scaleplate"></div>
				<!-- 外层光环-->
				<div class="corona_ext"></div>
				<div class="corona">
					<!-- 齿轮及旋转弧线 -->
					<div class="gear">
						<!-- 细线 -->
						<div class="filament">
							<!-- 半圆1 -->
							<div class="semicircle"></div>
							<div class="circle">
								<!-- 虚线圆形 -->
								<div class="dotted_circle">
									<div class="triangle_con">
										<div class="triangle_top"></div>
										<div class="triangle_left"></div>
										<div class="triangle_bottom"></div>
										<div class="triangle_right"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 齿轮转盘 -->
					<div class="gear_arc"></div>
				</div>
			</div>
		</div>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
